﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.2 闹钟响起</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_2_闹钟响起/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_2_闹钟响起/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u170" class="ax_default _形状" data-label="Rectangle">
        <div id="u170_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u171" class="ax_default _图片 disabled">
        <img id="u171_img" class="img " src="images/1_1_闹钟设定/u23.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u172" class="ax_default _一级标题">
        <div id="u172_div" class=""></div>
        <div id="u172_text" class="text ">
          <p><span>09:41</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u173" class="ax_default _一级标题">
        <div id="u173_div" class=""></div>
        <div id="u173_text" class="text ">
          <p><span>闹钟-响起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u174" class="ax_default label">
        <div id="u174_div" class=""></div>
        <div id="u174_text" class="text ">
          <p><span>现在</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u175" class="ax_default primary_button">
        <div id="u175_div" class=""></div>
        <div id="u175_text" class="text ">
          <p><span>停止</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u176" class="ax_default primary_button">
        <div id="u176_div" class=""></div>
        <div id="u176_text" class="text ">
          <p><span>小睡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u177" class="ax_default label">
        <div id="u177_div" class=""></div>
        <div id="u177_text" class="text ">
          <p><span>29°C 晴天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u178" class="ax_default _文本段落">
        <img id="u178_img" class="img " src="images/1_2_闹钟响起/u178.png"/>
        <div id="u178_text" class="text ">
          <p><span><br></span></p><p><span>1. 闹铃从弱至强逐渐响起</span></p><p><span><br></span></p><p><span><br></span></p><p><span>2. 时间上方文字显示气温、天气状况</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>3. 显示的当前时间，取设备系统时间</span></p><p><span><br></span></p><p><span><br></span></p><p><span>4. 闹钟停止：点击“停止按钮”停止闹钟，然后跳转到闹钟首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u179" class="ax_default _文本段落">
        <img id="u179_img" class="img " src="images/1_2_闹钟响起/u179.png"/>
        <div id="u179_text" class="text ">
          <p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>1. 根据当前天气预报，背景更改为与天气对应的图片。</span></p><p><span><br></span></p><p><span>2. 点击收音机，即可播报当前天气状况。</span></p><p><span><br></span></p><p><span>3.天气播报可自行选择是否开启，可在【设置】中选择。倘若关闭，则没有收音机按钮。</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u180" class="ax_default _形状" data-label="Rectangle">
        <div id="u180_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u181" class="ax_default _图片">
        <img id="u181_img" class="img " src="images/1_2_闹钟响起/u181.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u182" class="ax_default _图片 disabled">
        <img id="u182_img" class="img " src="images/1_1_闹钟设定/u23.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u183" class="ax_default label">
        <div id="u183_div" class=""></div>
        <div id="u183_text" class="text ">
          <p><span>29°C 晴天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u184" class="ax_default label">
        <div id="u184_div" class=""></div>
        <div id="u184_text" class="text ">
          <p><span>广州市</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u185" class="ax_default _一级标题">
        <div id="u185_div" class=""></div>
        <div id="u185_text" class="text ">
          <p><span>09:41</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u186" class="ax_default _一级标题">
        <div id="u186_div" class=""></div>
        <div id="u186_text" class="text ">
          <p><span>闹钟响起-天气</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u187" class="ax_default _形状" data-label="Rectangle">
        <div id="u187_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u188" class="ax_default _图片 disabled">
        <img id="u188_img" class="img " src="images/1_1_闹钟设定/u23.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u189" class="ax_default _一级标题">
        <div id="u189_div" class=""></div>
        <div id="u189_text" class="text ">
          <p><span>09:41</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u190" class="ax_default label">
        <div id="u190_div" class=""></div>
        <div id="u190_text" class="text ">
          <p><span>现在</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u191" class="ax_default primary_button">
        <div id="u191_div" class=""></div>
        <div id="u191_text" class="text ">
          <p><span>停止</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u192" class="ax_default label">
        <div id="u192_div" class=""></div>
        <div id="u192_text" class="text ">
          <p><span>29°C 晴天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u193" class="ax_default _一级标题">
        <div id="u193_div" class=""></div>
        <div id="u193_text" class="text ">
          <p><span>闹钟响起-小睡功能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u194" class="ax_default _文本段落">
        <img id="u194_img" class="img " src="images/1_2_闹钟响起/u194.png"/>
        <div id="u194_text" class="text ">
          <p><span><br></span></p><p><span>1. 闹钟响起后，用户可点击“小睡”按钮，或设置其他手势操作，开启小睡功能。闹钟叫醒动作停止，屏幕显示“小睡中&nbsp; X分X秒”，并开始倒计时，计时结束时闹钟再次响起，显示【闹钟-响起】页面，直至用户再次延迟/停止闹钟。</span></p><p><span><br></span></p><p><span>2. 若用户提前清醒，也可以点击“停止”，则闹钟关闭，显示天气页面。</span></p><p><span><br></span></p><p><span>3. 小睡功能默认延长叫醒时间5分钟。用户可在“设置”页面自定义该时间，见【3.设置】-【3.4小睡】</span></p><p><span><br></span></p><p><span>3. 在【闹钟-响起】页面，用户在屏幕上点击按钮“小睡”，开启小睡功能</span></p><p><span><br></span></p><p><span>4. 设置其他手势操作见 3.2页面</span></p><p><span><br></span></p><p><span><br></span></p><p><span>关闭以上功能见【3. 设置】-【3.4 小睡】。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u195" class="ax_default label">
        <div id="u195_div" class=""></div>
        <div id="u195_text" class="text ">
          <p><span>小睡中...</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u196" class="ax_default label">
        <div id="u196_div" class=""></div>
        <div id="u196_text" class="text ">
          <p><span>3 : 24</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u197" class="ax_default _图片">
        <img id="u197_img" class="img " src="images/1_2_闹钟响起/u197.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u198" class="ax_default" data-left="98" data-top="1784" data-width="327" data-height="47">

        <!-- Unnamed (矩形) -->
        <div id="u199" class="ax_default box_3">
          <div id="u199_div" class=""></div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u200" class="ax_default _图片">
          <img id="u200_img" class="img " src="images/1_1_闹钟设定/u140.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u201" class="ax_default label">
          <div id="u201_div" class=""></div>
          <div id="u201_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u202" class="ax_default label">
          <div id="u202_div" class=""></div>
          <div id="u202_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u203" class="ax_default _图片">
          <img id="u203_img" class="img " src="images/1_1_闹钟设定/u143.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u204" class="ax_default _图片">
          <img id="u204_img" class="img " src="images/1_1_闹钟设定/u144.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u205" class="ax_default label">
          <div id="u205_div" class=""></div>
          <div id="u205_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u206" class="ax_default" data-left="98" data-top="815" data-width="327" data-height="47">

        <!-- Unnamed (矩形) -->
        <div id="u207" class="ax_default box_3">
          <div id="u207_div" class=""></div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u208" class="ax_default _图片">
          <img id="u208_img" class="img " src="images/1_1_闹钟设定/u140.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u209" class="ax_default label">
          <div id="u209_div" class=""></div>
          <div id="u209_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u210" class="ax_default label">
          <div id="u210_div" class=""></div>
          <div id="u210_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u211" class="ax_default _图片">
          <img id="u211_img" class="img " src="images/1_1_闹钟设定/u143.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u212" class="ax_default _图片">
          <img id="u212_img" class="img " src="images/1_1_闹钟设定/u144.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u213" class="ax_default label">
          <div id="u213_div" class=""></div>
          <div id="u213_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u214" class="ax_default" data-left="107" data-top="2743" data-width="327" data-height="47">

        <!-- Unnamed (矩形) -->
        <div id="u215" class="ax_default box_3">
          <div id="u215_div" class=""></div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u216" class="ax_default _图片">
          <img id="u216_img" class="img " src="images/1_1_闹钟设定/u140.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u217" class="ax_default label">
          <div id="u217_div" class=""></div>
          <div id="u217_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u218" class="ax_default label">
          <div id="u218_div" class=""></div>
          <div id="u218_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u219" class="ax_default _图片">
          <img id="u219_img" class="img " src="images/1_1_闹钟设定/u143.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u220" class="ax_default _图片">
          <img id="u220_img" class="img " src="images/1_1_闹钟设定/u144.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u221" class="ax_default label">
          <div id="u221_div" class=""></div>
          <div id="u221_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
